<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-menuitem</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
<link rel="STYLESHEET" type="text/css" href="./styles.css" /></head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Menuitem">
    <lztier>LZ Components</lztier>
    <lzcategory>Menu and Command</lzcategory>
    <lzshortdesc>
             プルダウン形式のメニューに表示される項目です。
    </lzshortdesc>
    <lztag>lz/menuitem.xml</lztag>
</lzelement>

<p><tagname>menuitem</tagname>タグは<tagname>menu</tagname>
内の項目を提供します。キーコマンドのセットと<tagname>menuitem</tagname>
を連携させるには<code>onselect="<i>expression</i>"</code>を定義した
<classname>LzCommand</classname>を作成し、<tagname>menuitem</tagname>の
<attribute>command</attribute>属性に設定して下さい。
</p>

<note>メニューは一番長い<classname>menuitem</classname>の幅に自動的に設定されません。
従ってメニューの幅は直接設定する必要があります（デフォルトで100ピクセルです）。特に
<classname>LzCommand</classname>では重要です。というのもメニュー幅が十分に長くない場合、
コマンドに関連づけられたテキストは右揃えであるので<classname>menuitem</classname>
のテキストの上に表示されてしまうからです。
</note>

<example>
&lt;canvas width="350" height="270" debug="true"&gt;
  &lt;debug x="5" y="140"/&gt;

  &lt;command id="cmd_new"
           onselect="Debug.write('EXECUTED command new')"
           key="['Control', 'Shift', 'N']"/&gt;

  &lt;menubar width="200"&gt;
    &lt;menu text="Menu 1" width="160"&gt;
      &lt;menuitem text="New..." onselect="canvas.whichOne(this);" command="cmd_new"/&gt;
      &lt;menuitem text="Item 2" onselect="canvas.whichOne(this);"/&gt;
      &lt;menuitem text="Item 3" onselect="canvas.whichOne(this);"/&gt;
      &lt;menuseparator/&gt;           
      &lt;menuitem text="Item 4" onselect="canvas.whichOne(this);"/&gt;   
    &lt;/menu&gt; 
    &lt;menu text="Menu 2" width="100"&gt;
      &lt;menuitem text="More items..." onselect="canvas.whichOne(this);"/&gt;  
    &lt;/menu&gt;
  &lt;/menubar&gt;

  &lt;method name="whichOne" args="vThis"&gt;
    Debug.write(vThis.parent.owner.text + " - "+ vThis.text);
  &lt;/method&gt;
&lt;/canvas&gt;
</example>

<seealso>
<classes>menu menubar menuseparator LzCommand</classes>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
